<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
  <title>scripts</title>
  <!--<link rel="stylesheet" href="../../dist/styles/reset.css">-->
  <link rel="stylesheet" href="plugins/alert/index.min.css">
  <link rel="stylesheet" href="components/search/index.min.css">
  <script src="https://unpkg.com/vue/dist/vue.js"></script>
</head>
<body>
  <div id="demo">
    <search


      v-model="value"
      position="absolute"

      top="46px"
      autoFixed="true"
      ref="search"></search>
  </div>
  <script src="components/search/index.min.js"></script>
  <script src="vux.min.js"></script>

  <script>
  Vue.use(vuxAlertPlugin)
  Vue.component('search', vuxSearch)
  // or Vue.use(vux.vuxAlertPlugin)

  new Vue({
    el: '#demo',
    data: {
      value:"1",
      how: 'Cool',
      results:"22"
    },
    mounted () {
     // this.$vux.alert.show('hello')
    }
  })
  </script>
</body>
</html>
